:root{
    --text-color:#474747;
  }
  @font-face {
    font-family: myFirstFont;
    src: url(NotoSansLao-Medium.ttf);
  }
  *{
    box-sizing:border-box;
  }
  body{
    font-family: myFirstFont;
    background-color:black;
  }
  .wraper{
    /* max-width:1200px; */
    margin:auto;
  }
  .header{
    align-items:center;
    line-height:1.5;
    background-color:#F7F2EF;
    border-radius:0.5rem;
    display:flex;
    justify-content:space-between;
    padding: 1rem 1.3rem;
  }
  .navbar,.menu{
    display:flex;
    align-items:center;
  }
  .navbar{
    gap:1rem;
  }
  .menu{
    font-weight:500;
    display:none;
    gap:0.5rem;
    font-size:15px;
  }
  
  .contact-btn{
    background-color:#FFED4F;
    padding:0.2rem 1rem;
    color: black;
    border-radius:1rem;
    border:1px solid black;
    box-shadow: 2px 2px 0px 0px black;
    font-weight:500;
  }
  
  .font-w-500{
    font-weight:500;
  }
  .logo{
    height: 50px;
    width: 100px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:0.2rem;
  }
  
  section{
    margin-top:0.5rem;
  }
  .icon-burger{
    display:block;
  
  }
 
  
 
  
   
 
 
  .menu>div:hover{
        text-decoration: underline;
      text-underline-offset: 0.3rem;
    cursor:pointer;
        text-decoration-thickness: 0.2rem;
  }
  
  
  .borde-negro{
    border-radius:1rem;
    border:3px solid black;
    clip-path:none;
  }
  @media (min-width: 750px){
    .menu{
      display:flex;
    }
    .section-tres-columnas{
       grid-template-columns:repeat(3,1fr);
    }
    .icon-burger{
      display:none;
    }
  }
  
  
  /* jo additional */
  a{
    color: rgb(7, 13, 71);
    text-decoration: none;
    font-family: myFirstFont;
  }
  span{
    font-family: myFirstFont;

  }
  .nav{
    color: black;
  }
  .footer-content{
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    padding: 10px 0;

  }
 
 
  /* section announcement */
  
  
  .announcements-bar {
    display: flex;
    background: #0190d0;
    background-image: linear-gradient(to right, #0190d0 10%, #009cde);
    font-size: 18pt;
    color: #fff;
    height: 50px;
  }
  .announcements-header {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-left: 20px;
    width: 100%;
  }
  .announcements-img {
    background-image: url("https://i.ibb.co/CWCMMyV/Announcements.png");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    width: 26px;
    height: 46px;
  }
  .announcements-icon {
    padding-right: 20px;
  }
  .announcements-body {
    border: 1px solid #ddd;
    color: #4a4a4a;
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 500;
    /* padding-bottom: 20%; Adjust the value as needed */
}
 

  .announcements-list li {
    padding: 10px;
    
  }
  .announcements-list li:not(:last-child) {
    
    border-bottom: 1px solid rgb(16, 48, 84)
  }
  .announcements-list .readmore {
    text-align: right;
  }
  li{
    color: darkblue;
  }
  .right {
    float: right;
    margin-right: 3%; 
}

  .ultit{
    display: flex;
     justify-content: space-between;
      width: 98%;
      font-size: 20px;
  }
  .blink{
    animation: Color 1s linear infinite;
    -webkit-animation: Color 1s ease-in-out infinite;
   }
  
  @keyframes Color{
    0%{
      color:#A0D468;
    }
    
    20%{
      color:#4FC1E9;
    }
    
    40%{
      color:#FFCE54;
    }
    
    60%{
      color:#FC6E51;
    }
    
    80%{
      color:#ED5565;
    }
    
    100%{
      color:#AC92EC;
    }
  }
  
  @-moz-keyframes Color{
    0%{
      color:#A0D468;
    }
    
    20%{
      color:#4FC1E9;
    }
    
    40%{
      color:#FFCE54;
    }
    
    60%{
      color:#FC6E51;
    }
    
    80%{
      color:#ED5565;
    }
    
    100%{
      color:#AC92EC;
    }
  }
  
  @-webkit-keyframes Color{
    0%{
      color:#A0D468;
    }
    
    20%{
      color:#4FC1E9;
    }
    
    40%{
      color:#FFCE54;
    }
    
    60%{
      color:#FC6E51;
    }
    
    80%{
      color:#ED5565;
    }
    
    100%{
      color:#AC92EC;
    }
  }